<!DOCTYPE html>
<html>

<head>
    <title>Vue , Hello World.</title>
    <!-- Latest compiled and minified CSS -->
    <!-- 1.7.1/1.11.1/2.1.1 -->
</head>
<script src="vue.js"></script>

<body>
    <div id="app">
        <p>{{ message }}</p>
        <input v-model="message">
        <ul>
        	<li v-for="item in items">
        		<p>{{item.name}}</p>
        	</li>
        </ul>

    </div>
</body>
<script type="text/javascript">
var datas = [{ "name": "aa1476459565", "age": 25, "mobile": "1366575177" },{ "name": "aa1476459565", "age": 25, "mobile": "1366575177" },{ "name": "aa1476459565", "age": 25, "mobile": "1366575177" },{ "name": "aa1476459565", "age": 25, "mobile": "1366575177" }];

new Vue({
    el: '#app',
    data: {
        message: 'Hello Vue.js!',
    	items: datas
    }
});


</script>

</html>
